<template>
<div>
<el-menu
  :default-active="activeIndex"
  class="el-menu-demo"
  mode="horizontal"
  @select="handleSelect"
  background-color="#545c64"
  text-color="#fff"
  active-text-color="#ffd04b"
  router="true"   
  >
  <el-menu-item index="/layout">流式编辑器</el-menu-item>
  <el-submenu>
    <template #title>H5部分常规页面</template>
    <el-menu-item index="/h0">h0中航信托操作框架</el-menu-item>
    <el-menu-item index="/h1">h1_d1改_合同任务列表-表格视图</el-menu-item>
    <el-menu-item index="/h2">h2_d3改_发起任务-表格模式</el-menu-item>
    <el-menu-item index="/h3">h3(d7改)模板管理</el-menu-item>
    <el-menu-item index="/h4">h4(d6改)业务流管理</el-menu-item>
  </el-submenu>
  <el-menu-item index="/list" >列表页</el-menu-item>
</el-menu>
</div>
</template>


<script>
  export default {
    data() {
      return {
        activeIndex: '1',
      };
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>